<template>
  <vs-row>
    <vs-col vs-lg="3" vs-sm="6" vs-xs="12">
      <vs-card actionable>
        <div slot="header">
          <h5 class="font-weight-bold">Hello world !</h5>
        </div>
        <div slot="media">
          <img src="@/assets/images/big/img5.jpg" />
        </div>
        <div class="mb-2">
          <h6 class="mb-2">
            23
            <sup>rd</sup> oct 2020
          </h6>
          <span
            class="py-2 d-block"
          >Lorem ipsum dolor sit amet, consectetur ipsum dolor sit amet, consectetur ipsum dolor.</span>
        </div>
        <vs-button color="primary" type="border">Read More</vs-button>
      </vs-card>
    </vs-col>
    <vs-col vs-lg="3" vs-sm="6" vs-xs="12">
      <vs-card actionable>
        <div slot="header">
          <h5 class="font-weight-bold">Hello world !</h5>
        </div>
        <div slot="media">
          <img src="@/assets/images/big/img4.jpg" />
        </div>
        <div class="mb-2">
          <h6 class="mb-2">
            23
            <sup>rd</sup> oct 2020
          </h6>
          <span
            class="py-2 d-block"
          >Lorem ipsum dolor sit amet, consectetur ipsum dolor sit amet, consectetur ipsum dolor.</span>
        </div>
        <vs-button color="primary" type="border">Read More</vs-button>
      </vs-card>
    </vs-col>
    <vs-col vs-lg="3" vs-sm="6" vs-xs="12">
      <vs-card actionable>
        <div slot="header">
          <h5 class="font-weight-bold">Hello world !</h5>
        </div>
        <div slot="media">
          <img src="@/assets/images/big/img3.jpg" />
        </div>
        <div class="mb-2">
          <h6 class="mb-2">
            23
            <sup>rd</sup> oct 2020
          </h6>
          <span
            class="py-2 d-block"
          >Lorem ipsum dolor sit amet, consectetur ipsum dolor sit amet, consectetur ipsum dolor.</span>
        </div>
        <vs-button color="primary" type="border">Read More</vs-button>
      </vs-card>
    </vs-col>
    <vs-col vs-lg="3" vs-sm="6" vs-xs="12">
      <vs-card actionable>
        <div slot="header">
          <h5 class="font-weight-bold">Hello world !</h5>
        </div>
        <div slot="media">
          <img src="@/assets/images/big/img1.jpg" />
        </div>
        <div class="mb-2">
          <h6 class="mb-2">
            23
            <sup>rd</sup> oct 2020
          </h6>
          <span
            class="py-2 d-block"
          >Lorem ipsum dolor sit amet, consectetur ipsum dolor sit amet, consectetur ipsum dolor.</span>
        </div>
        <vs-button color="primary" type="border">Read More</vs-button>
      </vs-card>
    </vs-col>
  </vs-row>
</template>
<script>
export default {
  name: "Blogs"
};
</script>